﻿@{
    ViewBag.Title = Resources.WebStringsWeb.WebTitle;
    Layout = "~/Views/Shared/_LayoutMobile.cshtml";
}

@section css {
    <style>
        .imgicon {
            width: 3.2rem
        }

        .mui-badge {
            font-size: 10px;
            line-height: 1.4;
            position: absolute;
            top: 2px;
            left: 100%;
            margin-left: -35px;
            padding: 1px 5px;
            color: #fff;
            background: red;
        }
    </style>
}
<header class="mui-bar mui-bar-nav">
    <a href="../Home/MenuBar" class="mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title" style="color:white;">我的待办</h1>
</header>
<div class="mui-content" ng-cloak ng-controller="HomeController" ng-init="GetMyCheckTaskCount();GetHiddenTroubleTaskCount();GetIssueReportTaskList();GetSepcialCheckTask();GetDeviceTask();">
    <ul class="mui-table-view mui-grid-view mui-grid-9">
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
            <a href="../Task/MDailyCheckTask">
                <span><img class="imgicon" src="~/Assets/img/mweb/checkform.png" /><span class="mui-badge" ng-show="CheckTaskCount>0">{{CheckTaskCount}}</span></span>

                <div class="mui-media-body" style="font-size:13px;">日常检查待办</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
            <a href="../Task/MSpecialCheckTask">
                <span><img class="imgicon" src="~/Assets/img/mweb/specialcheckform.png" /><span class="mui-badge" ng-show="SepcialCheckTaskList.length>0">{{SepcialCheckTaskList.length}}</span></span>
                <div class="mui-media-body" style="font-size:13px;">专项检查待办</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
            <a href="../Task/MHiddenTroubleTask">
                <span><img class="imgicon" src="~/Assets/img/mweb/hiddentrouble.png" /><span class="mui-badge" ng-show="HiddenTroubleTaskCount>0">{{HiddenTroubleTaskCount}}</span></span>
                <div class="mui-media-body" style="font-size:13px;">问题整改待办</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
            <a href="../Task/MIssueReportTask">
                <span><img class="imgicon" src="~/Assets/img/mweb/issuereport.png" /><span class="mui-badge" ng-show="IssueTaskList.length>0">{{IssueTaskList.length}}</span></span>
                <div class="mui-media-body" style="font-size:13px;">问题上报待办</div>
            </a>
        </li>
        <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
            <a href="../Task/MDeviceMaintanceTask">
                <span><img class="imgicon" src="~/Assets/img/mweb/equipment.png" /><span class="mui-badge" ng-show="DeviceTask.length>0">{{DeviceTask.length}}</span></span>
                <div class="mui-media-body" style="font-size:13px;">设施设备维保</div>
            </a>
        </li>
    </ul>
</div>

@section js{
    <script src="~/Assets/js/pg/Home.js?v=@DateTime.Now.ToString("yyyyMMddHH")"></script>
    <script>
        $(function () {
            function showtip() {
                mui.toast("建设中");
            }
        });

    </script>

}